@CHARSET "utf-8";
/* CSS Document */
/* 瓒呭皬灞忓箷锛堟墜鏈猴紝灏忎簬 768px锛� */
/* 娌℃湁浠讳綍濯掍綋鏌ヨ鐩稿叧鐨勪唬鐮侊紝鍥犱负杩欏湪 Bootstrap 涓槸榛樿鐨勶紙杩樿寰� Bootstrap 鏄Щ鍔ㄨ澶囦紭鍏堢殑鍚楋紵锛� */
@media (max-width: 768px) {
	#types li{
		border-bottom:solid 1px #CCC;
		border-left:solid 1px #CCC;
		border-right:solid 1px #CCC;
		height:65px;
		padding-top:2%;
	}
	.menu li{
		width:30%;
		line-height:30px;
		text-align:center;
		cursor:pointer;
	}
	.big{
		font-size:14px;
	}
	.small{
		font-size:12px
	}
	.design{
		text-align: center;
		padding-top: 12px;
		font-size: 12px;
		font-weight:bold;
	}
	.window_design{
		padding:6px 6px 6px 6px;
		background:#FFF;
		border-right:solid 1px #dcdcdc;
		border-top:solid 1px #dcdcdc;
		border-bottom:solid 1px #dcdcdc;
	}
	.window{
		padding:6px 0px 6px 6px;
	}
	.window_second{
		padding:0px 0px 6px 6px;
	}
	.innerwindow{
		padding:6px 6px 6px 6px;
		background:#fff;
	}
	.turn_padding{
		padding-right:0px;
		padding-left:0px;
	}
	.to_hide{
		display:none;
	}
	.to_show{
		display:block;
	}
	.center{
		text-align:center;
		padding-left:0px;	
	}
	
	.nest_div{
		width: 76%;
		height: 26%;
		bottom: 10%;
		left: 12%;
		cursor:default;
	}

	.first_1f{
		width: 35%;
		height: 85px;
		bottom: 14%;
		left: 12%;
	}
	.first_2f{
		width: 77%;
		height: 30px;
		bottom: 14%;
		left: 15%;
	}
	.icon1{
		background-position:0px 0px;
		margin-left:30px;
	}
	.make li{
		line-height:38px;
		padding-bottom:1px;
		white-space:nowrap;
		padding-left:2%;
	}
}
/* 灏忓睆骞曪紙骞虫澘锛屽ぇ浜庣瓑浜� 768px锛� */
@media (min-width: 768px) {
	.make li{
		line-height:31px;
	}
	#types li{
		border-bottom:solid 1px #CCC;
		border-left:solid 1px #CCC;
		border-right:solid 1px #CCC;
		height:25%;
		padding-top:0%;
	}
	.to_hide{
		display:block;
	}
	.to_show{
		display:none;
	}
	.style_nav_link{
		bottom: 10px;
		left: 1px;
		height: 115px;
		width: 100%; 
	}
	.menu li{
		width:12%;
		line-height:30px;
		text-align:center;
		cursor:pointer;
	}
	.center{
		text-align:center;
		padding-left:0px;
	}
	.turn_padding{
		padding-right:0px;
		padding-left:0px;
	}
	.icon1{
		background-position:0px 0px;
		margin-left:0px;
	}
	.design{
		text-align: center;
		padding-top: 12px;
		font-size: 12px;
		font-weight:bold;
	}
	.big{
		font-size:16px;
	}
	.small{
		font-size:14px
	}
	.window_design{
		padding:15px 15px 15px 15px;
		background:#FFF;
		border-right:solid 1px #dcdcdc;
		border-top:solid 1px #dcdcdc;
		border-bottom:solid 1px #dcdcdc;
	}
	.window{
		padding:15px 0px 15px 15px;
	}
	.window_second{
		padding:0px 0px 15px 15px;
	}
	.innerwindow{
		padding:15px 15px 15px 15px;
		background:#fff;
	}
	.singletype{
		margin-left:0%;
	}
	.layer1_height{
		height:240px;
	}
	.layer2_height_nav{
		height:598px;
	}
	.layer2_height{
		height:210px;
	}
	.layer3_height_nav{
		height:215px;
	}
	.layer3_height_mid{
		height:200px;
	}
	.layer3_height_small{
		height:196px;
	}
	.layer3_height_small_nav{
		height:244px;
	}
	.layer4_height_nav{
		height:458px;
	}
	.nest_div{
		width: 76%;
		height: 26%;
		bottom: 10%;
		left: 12%;
		cursor:default;
	}

	.first_1f{
		width: 35%;
		height: 85px;
		bottom: 14%;
		left: 12%;
	}
	.first_2f{
		width: 77%;
		height: 30px;
		bottom: 14%;
		left: 15%;
	}
	.icon1{
		background-position:0px 0px;
		margin-left:10%;
	}
	.menu li{
		width:12%;
		line-height:30px;
		text-align:center;
		cursor:pointer;
	}
	.make li{
		line-height:38px;
		padding-bottom:1px;
		white-space:nowrap;
		padding-left:2%;
	}
}

/* 涓瓑灞忓箷锛堟闈㈡樉绀哄櫒锛屽ぇ浜庣瓑浜� 992px锛� */
@media (min-width: 992px) {
	.style_nav_link{
		bottom: 18px;left: 19px;height: 115px;width: 80%;
	}
	.make li{
		line-height:38px;
		padding-bottom:1px;
		white-space:nowrap;
		padding-left:2%;
	}
	#types li{
		border-bottom:solid 1px #CCC;
		border-left:solid 1px #CCC;
		border-right:solid 1px #CCC;
		height:25%;
		padding-top:5%;
	}
	.menu li{
		width:12%;
		line-height:30px;
		text-align:center;
		cursor:pointer;
	}
	.to_hide{
		display:block;
	}
	
	.turn_padding{
		padding-right:0px;
	}
	.icon1{
		background-position:0px 0px;
		margin-left:10%
	}
	.design{
		text-align: center;
		padding-top: 12px;
		font-size: 14px;
		font-weight:bold;
	}
	.big{
		font-size:18px;
	}
	.small{
		font-size:12px
	}
	.window_design{
		padding:15px 15px 15px 15px;
		background:#FFF;
		border-right:solid 1px #dcdcdc;
		border-top:solid 1px #dcdcdc;
		border-bottom:solid 1px #dcdcdc;
	}
	.window{
		padding:15px 0px 15px 15px;
	}
	.window_second{
		padding:0px 0px 15px 15px;
	}
	.innerwindow{
		padding:15px 15px 15px 15px;
		background:#fff;
	}
	.layer1_height{
		height:310px;
	}
	.layer2_height_nav{
		height:292px;
	}
	.layer2_height{
		height:260px;
	}
	.layer3_height_nav{
		height:255px;
	}
	.layer3_height_mid{
		height:250px;
	}
	.layer3_height_small{
		height:246px;
	}
	.layer3_height_small_nav{
		height:292px;
	}
	.layer4_height_nav{
		height:550px;
	}
	.nest_div{
		width: 76%;
		height: 26%;
		bottom: 10%;
		left: 12%;
		cursor:default;
	}
	.first_1f{
		width: 35%;
		height: 85px;
		bottom: 14%;
		left: 12%;
	}
	.first_2f{
		width: 77%;
		height: 30px;
		bottom: 14%;
		left: 15%;
	}
	.center{
		text-align:center;
	}
	#types{
		background:#F8F8F8;
		
	}
	.singletype{
		margin-left:6%;
	}
	.icon1{
		background-position:0px 0px;
		margin-left:10%;
	}
	.menu li{
		width:12%;
		line-height:30px;
		text-align:center;
		cursor:pointer;
	}
	.make li{
		line-height:38px;
		padding-bottom:1px;
		white-space:nowrap;
		padding-left:2%;
	}
	
}

/* 澶у睆骞曪紙澶ф闈㈡樉绀哄櫒锛屽ぇ浜庣瓑浜� 1200px锛� */
@media (min-width: 1200px) {
	.make li{
		line-height:38px;
		padding-bottom:1px;
		white-space:nowrap;
		padding-left:2%;
	}
	#types li{
		border-bottom:solid 1px #CCC;
		border-left:solid 1px #CCC;
		border-right:solid 1px #CCC;
		height:12.5%;
		padding-top:7%;
	}
	#types li:hover{
		background-color:RGB(250,174,0)
	}
	.menu li{
		width:12%;
		line-height:30px;
		text-align:center;
		cursor:pointer;
	}
	.to_hide{
		display:block;
	}
	.design{
		text-align: center;
		padding-top: 12px;
		font-size: 14px;
		font-weight:bold;
	}
	.icon1{
		background-position:0px 0px;
		margin-left:10%;
	}
	.big{
		font-size:20px;
	}
	.small{
		font-size:14px
	}
	
	.window_design{
		padding:15px 15px 15px 15px;
		background:#FFF;
		border-right:solid 1px #dcdcdc;
		border-top:solid 1px #dcdcdc;
		border-bottom:solid 1px #dcdcdc;
	}
	.window{
		padding:15px 0px 15px 15px;
	}
	.window_second{
		padding:0px 0px 15px 15px;
	}
	.innerwindow{
		padding:15px 15px 15px 15px;
		background:#fff;
	}
	.layer1_height{
		height:374px;
	}
	.layer2_height_nav{
		height:292px;
	}
	.layer2_height{
		height:260px;
	}
	.layer3_height_nav{
		height:300px;
	}
	.layer3_height_mid{
		height:300px;
	}
	.layer3_height_small{
		height:246px;
	}
	.layer3_height_small_nav{
		height:292px;
	}
	.layer4_height_nav{
		height:592px;
	}
	.nest_div{
		width: 76%;
		height: 26%;
		bottom: 10%;
		left: 12%;
		cursor:default;
	}

	.first_1f{
		width: 35%;
		height: 85px;
		bottom: 14%;
		left: 12%;
	}
	.first_2f{
		width: 77%;
		height: 30px;
		bottom: 14%;
		left: 15%;
	}
	.center{
		text-align:center;
	}
	.singletype{
		margin-left:6%;
	}
	.turn_padding{
		padding-right:0px;
	}
	
	
	.icon0{
		background-position:0px 0px;
		margin-left:30px;
		margin-top:-8px;
	}
	.icon1{
		background-position:0px -38px;
		margin-left:30px;
		margin-top:-8px;
	}
	.icon2{
		background-position:0px -74px;
		margin-left:30px;
		margin-top:-8px;
	}
	.icon3{
		background-position:0px -110px;
		margin-left:30px;
		margin-top:-8px;
	}
	.icon4{
		background-position:0px -147px;
		margin-left:30px;
		margin-top:-8px;
	}
	.icon5{
		background-position:0px -184px;
		margin-left:30px;
		margin-top:-8px;
	}
	.icon6{
		background-position:0px -220px;
		margin-left:30px;
		margin-top:-8px;
	}
	.icon7{
		background-position:0px -257px;
		margin-left:30px;
		margin-top:-8px;
	}
	.menu li{
		width:12%;
		line-height:30px;
		text-align:center;
		cursor:pointer;
	}
	.make li{
		line-height:38px;
		padding-bottom:1px;
		white-space:nowrap;
		padding-left:2%;
	}
	
	/* query table */
	.query_table{
		border:solid 1px #dcdcdc;
	}
	.query_table li{
		cursor: pointer;
	}
	.query_table div{
		border-bottom:dashed 1px #dcdcdc;
		border-right:dashed 1px #dcdcdc;
	}
	
	.query_table center{
		line-height:50px;
	}
	.query_table center span,.query_table ul li{
		font-size:12px;
	}
	.query_table ul{
		margin-top:14px;
	}
	.query_table ul li{
		margin-left:30px;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:4px;
	}
	
	.product{
		line-height:30px;
		color:#fff;
	}
	.bus{
		width: 62%;background:orange;position: absolute;bottom: 64px;
	}
	.focus{
		width:25%;background:#E9E9E9;position: absolute;bottom: 64px;left: 212px;
	}
}
